import React, { Component } from 'react';
import './RankItem.less'

export default class RankItem extends Component {
    render() {
        let {
            name,
            phone,
            partner,
            customer
        } = this.props.info
        return (
            <div className='rank-item'>
                <div className='info-item name'>{name}</div>
                <div className='info-item'>{phone}</div>
                <div className='info-item'>
                    <span className='person-num'>伙伴人数：{partner}</span>
                    <span className='person-num'>用户人数：{customer}</span>
                </div>
                <a href={`tel:${phone}`} className='contact'>极速联系</a>
            </div>
        );
    }
}